.select-menu{
    display: flex;
    
    li{
        padding: 0 15px;
        height: 32px;
        display: flex;
        align-items: center;
        position: relative;
        &::after{
            content:' ';
            width: 1px;
            height: 12px;
            background-color:  #8f8f8f8e;
            transform: translateX(15px); 
        }
        &:last-child::after{
            content:' ';
            width: 0px;
            height: 12px;
            background-color:  #8f8f8f8e;
            transform: translateX(15px); 
        }
        &:hover > a {
            
                color:#F10315 ;
            
        }
        
        a{
            text-decoration: none;
            color: #8f8f8f;
            font-size: 12px;
            span{
                color: #F10315;
            }
            i.fa{
                margin-left:5px ;
            }
           
        } 
        .dropdown-1{
            z-index: 1;
            background-color: white;
            display: none;
            position: absolute;
            width: 280px;
            top: 30px;
            border: solid 1px #DDDDDD;
            border-top: none;
            section{
                display: grid;
                grid-template: auto/repeat(2,1fr);
                padding: 15px;
                row-gap: 8px;
                &:first-child{
                    border-bottom: solid 1px #DDDDDD;
                }
                a{
                    &:hover{
                        color: #F10315;
                    }
                }
                
            }
  
        }
        .dropdown-2{
            z-index: 1;
            background-color: white;
            display: none;
            position: absolute;
            width: 155px;
            top: 30px;
            border: solid 1px #DDDDDD;
            border-top: none;
            section{
                display: grid;
                grid-template: auto/repeat(2,1fr);
                padding: 15px;
                row-gap: 8px;
                &:first-child{
                    border-bottom: solid 1px #DDDDDD;
                }
                a{
                    &:hover{
                        color: #F10315;
                    }
                }
                
            }
            
        }
        .dropdown-3{
            z-index: 1;
            background-color: white;
            display: none;
            position: absolute;
            width: 170px;
            top: 30px;
            left: -80px;
            border: solid 1px #DDDDDD;
            border-top: none;
            section{
                p{
                    padding: 15px 0px 0px 15px;
                    font-size: 14px;
                }
                .dropdown-3-list{
                    display: grid;
                    grid-template: auto/repeat(2,1fr);
                    padding: 15px;
                    row-gap: 8px;
                    border-bottom: solid 1px #DDDDDD;
                    a{
                        &:hover{
                            color: #F10315;
                        }
                    }
                }
                
                
            }
            
        }
        .dropdown-4{
            z-index: 1;
            background-color: white;
            display: none;
            justify-content: space-between;
            position: absolute;
            flex: 1;
            width: 1190px;
            top: 30px;
            left: -1020px;
            border: solid 1px #DDDDDD;
            border-top: none;
            section{
                
                flex: 1;
                p{
                    padding: 20px 0px 0px 20px;
                    font-size: 14px;
                }
                &:nth-child(1){
                    .dropdown-4-list{
                        display: grid;
                        grid-template: auto/repeat(4,1fr);
                        padding: 15px 20px 20px 20px;            
                        row-gap: 8px;
                        border-left:none;
                    }
                }
                .dropdown-4-list{
                    display: grid;
                    grid-template: auto/repeat(3,1fr);
                    padding: 15px 20px 20px 20px;            
                    row-gap: 8px;
                    border-left: solid 1px #DDDDDD;
                    a{
                        &:hover{
                            color: #F10315;
                        }
                    }
                }
                
                
            }
            
        }
        .dropdown-5{
            z-index: 1;
            background-color: white;
            position: absolute;
            top: 32px;
            left: -115px;
            width: 190px;
            border: solid 1px #DDDDDD;
            border-top: none;
            display: none;
            grid-template-rows: repeat(4,1fr);
            section{
                padding: 10px 5px;
                border-bottom: solid 1px #DDDDDD;
                display: grid;
                grid-template-columns: 80px auto;
                &:last-child{
                    border-bottom: none;
                }
                img{
                    width: 70px;
                    border: solid 1px #DDDDDD;
                    padding: 3px;
                }
                .info{
                    margin-left: 3px;
                    p{
                        font-size: 12px;
                    }
                    span{
                        margin-top: 3px;
                        font-size: 12px;
                        color: #F10315;
                    }
                    .osicon{
                        display: flex;
                        flex-direction: row;
                        a{
                            margin-right: 3px;
                            .osicon-1{
                                background: url(/11.7/images/os.png) no-repeat;
                                width: 25px;
                                height: 25px;
                                display: block;
                                
                            }
                            .os-ios{
                               background-position: -0px -0px; 
                            }
                            .os-android{
                                background-position: -0px -26px; 
                             }
                             .os-ipad{
                                background-position: -0px -52px; 
                             }
                        }
                    }
                }
            }
        }
    }
    .dropdown{
        &:hover{
           background-color: white;
        }
        &:hover > .dropdown-1{
        display: block;
        } 
        &:hover > .dropdown-2{
        display: block;
        } 
        &:hover > .dropdown-3{
            display: block;
        } 
        &:hover > .dropdown-4{
            display: flex;
        } 
        &:hover > .dropdown-5{
            display: grid;
        } 
    }
}